@charset "utf-8";
	
	/*  Kwaping
	 *  http://Kuaping.com
	 * 
	 * Copyright 2010~2024 Qietu.com, Inc.
	 */
	
	/*@import url("../font/iconfont.css");*/ 
	 
	/*vue加载中不要出现{{}}*/
		[v-cloak]{ display: none;}
		
	 
	/* 网站样式重写 */
	body, select, input, textarea {
	    color: #323232; color:#333;   

		font-size:14px;
		line-height: 1.5;
		/*font: 14px/1.5 PingFang SC,-apple-system,BlinkMacSystemFont,helvetica neue,Segoe UI,Roboto,Arial,hiragino sans gb,Noto Sans,microsoft yahei,sans-serif;*/
		    /*font-family: 'PingFang SC', "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, "WenQuanYi Micro Hei", SimSun, sans-serif;*/
		    /*参考alipay*/
		   /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
		  /*参考jiemian*/
		 /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
		  /*font-family: Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif"; font-weight: 400;*/
		    
	}
	 * {box-sizing: border-box;}
	 figure{ padding: 0; margin: 0;}
	a{outline:none; 
	    /*color: #e44d26;*/

	
		} a:hover{ text-decoration: none;}
	
	body{overflow-x: hidden;} 
	body,div,dl,dt,dd,ul,ol,li,pre,code,form,input,textarea,blockquote,th,td{margin:0;padding:0;} table{}
	p{
		margin:0 0 10px 0;
	}
	 /*fieldset,*/a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
	
	  caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 10px 0; } 
	q:before,q:after{content:'';}
	
	h1{
		font-size: 42px;
	}
	h2{
		font-size: 30px;
	}
	h3{
		font-size: 24px;
	}
	h4{
		font-size: 20px;
	}
	h5{
		font-size: 18px;
	}
	h6{
		font-size: 16px;
	}
	
	hr{
		border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;  margin:10px 0;
	}
	img { border: 0 none; max-width: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box;border: 0; display: inline-block; vertical-align: middle;}
	}
	blockquote { border-left: 5px solid #EEEEEE; margin: 10px; padding: 10px; }
	
	ol,ul{
		margin-left:0; padding-left: 0 !important;
	}
	ul,li{ list-style: none;}
	
	
	/**重写样式*/
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
	
	.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right !important;} .center{ margin:0 auto; text-align:center;}
	.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
	
	.canvas { position: relative; }
	.relative { position: relative; }
	code, pre { color: #333; font-size: 12px; padding: 0 3px 2px; }
	
	abbr{background: none repeat scroll 0 0 #f3f3f3;
	    border-bottom: medium none;
	    border-left: 0.25em solid #e44d26;
	    display: inline-block;
	    margin-right: 0.5em;
	    padding: 0 0.25em;} abbr:hover{ border-left:#e44d26 solid 3px;}
	
	pre{ background-color: #fafafa ;  display: block; font-size: 14px; line-height: 1.7; margin: 0 0 9px; padding: 2em; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; color:#333;}
	
	code { background-color: #f5f2f0; padding: 0.5em; font-size:14px; margin: 0 0.5em; }
	pre ol{
		margin: 0 0 0 14px;
	}
	
	
	/*超出省略号显示*/
	.ellipsis{
		white-space:nowrap;/*设置不折行*/
		txt-overflow:ellipsis;/*这就是省略号喽*/
		-o-txt-overflow:ellipsis;/*兼容opera*/
		width:80px;
		overflow:hidden;
	}
	
	
	 @font-face {
 	font-family: 'DIN-Alternate-Bold';
 	src: url('../fonts/DIN-Alternate-Bold.ttf') format('truetype');
 }
 
 .numstyle {
 	/*font-family: "DIN-Alternate-Bold";*/
 	font-weight: bold;
 }
	
	
	input:focus, textarea:focus {
	    border-color: rgba(82, 168, 236, 0.8);
	
	    outline: 0 none;}
	fieldset{ padding:20px; border:#ccc solid 1px; }
	label{ display:block; font-size:14px; margin:10px 0 0 0; }
	
	
	/*bootstrap重写*/
	.page-link{
		color: #222;
    padding: 0.8rem 1rem;
	}
	.page-item.active .page-link{
    background-color: #222;
    border-color: #222;
	}
	
	
	
	
	/*swiper重写*/
	/*.swiper-pagination-bullet{
		display: inline-block;
    width: 10px !important;
    height: 10px !important;
    background: #fff !important;
     border-radius: 0 !important; 
    margin: 0 5px !important;
    text-indent: -99999px;
    vertical-align: top;
    transform: rotate(-45deg);
    cursor: pointer;
    opacity: 0.6 !important;
	}
	.swiper-pagination-bullet-active{
		opacity: 1 !important;
	}*/
	
	.kp-swiper__slide{
		height: 450px !important;
		display: flex;
		align-items: center;
		
		background-position: 50%;
    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    
	    background-image: url(../images/bg/bg-common.jpg);
	}
	.kp-swiper__slide .kp-wrapper{
		width: 100%;
	}
	.kp-swiper__texts{
		


	}
	.kp-swiper__title { 
	font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    max-height: 60px;
    overflow: hidden;
    color: #262626;
	}
	 
	.kp-swiper__subtitle{
		   color: #595959;
    font-size: 18px;
    line-height: 1.5;
    width: 46%;

    -webkit-line-clamp: 6;
	}

	.kp-swiper__lead{ 
		     margin-top: 12px;
	    font-size: 20px;
	    line-height: 1.5;
	    margin-bottom: 0;
	    /*color:#2B2F36;*/
	   opacity: 0.8;
	}
	.kp-swiper__tip{
		margin-top: 20px; 
		/*color: #666;*/ opacity: 0.8;
	}
	.kp-swiper__img{
		/*max-width:500px;*/
		padding-top: 20px;
	}
	.kp-swiper__label{ 
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    display: inline-block; 
    border-radius: 0 12px 12px 12px;
    max-width: 100%;
    color: #E1251B;
    border: 1px solid #E1251B;
	}
	.kp-swiper__btn{
		display: inline-block;
	    margin-top: 40px;
    border-radius: 0;
    background: -webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));
    background: linear-gradient(90deg,#fd441f,#e1251b);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    min-width: 96px;
	
	}
	.kp-swiper__btn:hover{
		color: #fff;
	}
	/*swiper重写带进度条*/
	.kp-swiper .swiper-pagination-bullet{
	background-color: rgba(38,38,38,.15);
    border-radius: 1px;
    height: 3px;
    margin: 0 5px;
    position: relative;
    transition: background-color .3s;

   width: 40px;
    opacity: 1;
    overflow: hidden;
    opacity: 1;
}

.kp-swiper .swiper-pagination-bullet-active{

	    /*background: #5375e0;*/
}
.kp-swiper .swiper-pagination-bullet-active:after{
	content: "";
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 0%;
	background: #e1251b;
            -webkit-animation: expand-width 6s ease-in-out forwards;
            -moz-animation: expand-width 6s ease-in-out forwards;
            -o-animation: expand-width 6s ease-in-out forwards;
            animation: expand-width 6s ease-in-out forwards;
}
 @-webkit-keyframes expand-width {
            from {
                width: 0;
            }
            to {
                width: 100%;
            }
        }

        @-moz-keyframes expand-width {
            from {
                width: 0;
            }
            to {
                width: 100%;
            }
        }

        @-o-keyframes expand-width {
            from {
                width: 0;
            }
            to {
                width: 100%;
            }
        }

        @keyframes expand-width {
            from {
                width: 0;
            }
            to {
                width: 100%;
            }
        }
	
	
	 .kp-wrapper{margin:0 auto; clear:both; height:auto; 
	 overflow:hidden;
	 position:relative;
	 /*width: 1170px;*/
	/*width: 1440px;*/
	/*width: 1560px;*/
	/*max-width: 1560px;*/
	max-width: 1280px;
	padding: 0 20px;
	 }
	 .kp-wrapper--sm{
	 	max-width: 1200px;
	 }
	 .kp-wrapper--xs{
	 	max-width: 800px;
	 }
	 .kp-wrapper--lg{
	 	max-width: 1576px;
	 }
	 .kp-wrapper--full{
	 	max-width: inherit;
	 	padding: 0 2%;
	 }
	.gh{
		display: none;
	}
	
	
	
	
	/*格子系统 1200*/
	/*.kp-row{height:auto;  clear:both; margin-left:-20px;}
	.kp-row:after{ clear: both;}
	.kp-col1, .kp-col2, .kp-col3, .kp-col4, .kp-col5, .kp-col6, .kp-col7, .kp-col8, .kp-col9, .kp-col10, .kp-col11, .kp-col12{display: inline; float: left; margin-left: 20px; min-height: 1px;}
		.kp-row{ margin-left: -30px;}
		.kp-col1, .kp-col2, .kp-col3, .kp-col4, .kp-col5, .kp-col6, .kp-col7, .kp-col8, .kp-col9, .kp-col10, .kp-col11, .kp-col12{margin-left: 30px; }
		
		.kp-wrapper{ width:1170px ;}
		.kp-col1{ width: 70px;} 
		.kp-col2{ width: 170px; } 
		.kp-col3{ width: 270px; } 
		.kp-col4{ width: 370px; } 
		.kp-col5{ width: 470px; }
		.kp-col6{ width: 570px; } 
		.kp-col7{ width: 670px; } 
		.kp-col8{ width: 770px; } 
		.kp-col9{ width: 870px; } 
		.kp-col10{ width: 970px; } 
		.kp-col11{ width: 1070px; } 
		.kp-col12{ width: 1170px; }*/
		
		.kp-fill1{ margin-left: 8.33333333%;}
		.kp-fill2{ margin-left: 16.66666667%;}
		.kp-fill3{ margin-left: 25%;}
		.kp-fill4{ margin-left: 33.33333333%;}
		.kp-fill5{ margin-left: 41.66666667%;}
		.kp-fill6{ margin-left: 50%;}
		.kp-fill7{ margin-left: 58.33333333%;}
		.kp-fill8{ margin-left: 66.66666667% ;}
		.kp-fill9{ margin-left: 75%;}
		.kp-fill10{ margin-left: 83.33333333%;}
		.kp-fill11{ margin-left: 91.66666667%;}
		.kp-fill12{ margin-left: 100%;}
	
		
	
	 
	/*百分比格子系统( 若想兼容ie6不建议使用)*/
	.kp-row{height:auto;  clear:both; /*margin-left:-1%; width: 101%;*/}
	.kp-row:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
	
	
	/*.kp-row{ margin:0; margin-left:-1%; width:105%; _width:101%;}*/
	.kp-col1, 
	.kp-col2, 
	.kp-col3, 
	.kp-col4, 
	.kp-col5, 
	.kp-col6, 
	.kp-col7, 
	.kp-col8, 
	.kp-col9, 
	.kp-col10, 
	.kp-col11, 
	.kp-col12{ float: left;}
	
	
	.kp-col1{ width:  8.33333333% ;} 
	.kp-col2{ width: 16.66666667% ;} 
	.kp-col3{ width: 25%; } 
	.kp-col4{ width: 33.33333333% ;} 
	.kp-col5{ width:  41.66666667% ;}
	.kp-col6{ width:  50%; } 
	.kp-col7{ width: 58.33333333% ;} 
	.kp-col8{ width: 66.66666667% ;} 
	.kp-col9{ width: 75%; } 
	.kp-col10{ width: 83.33333333% ;} 
	.kp-col11{ width: 91.66666667% ;} 
	.kp-col12{ width: 100% ;}
	
	
	
	
	/*响应式*/
	/*响应式导航*/
	/*导航*/
	.kp-gh {
		float:left;
		height:30px;
		width:30px;
		/*right:30px;*/ margin-left: 15px;
		/*top:50%; margin-top: -10px;*/
		margin-top: 15px;
		/*position:absolute;*/
		display: none;
		transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		cursor:pointer;
		border:#aaa solid 1px; padding: 5px;
		border-radius: 4px;
	}
	.selected .kp-gh {
		transform: rotate(90deg);
	}
	.kp-gh a {
		background-color: #aaa; padding: 0 !important;
		display: block;
		height: 3px;
		margin-top: -2px;
		position: relative;
		top: 50%;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width: 100%;
	}
	
	.selected .kp-gh:hover a:before {
		transform: translateY(0px) rotate(-55deg);
		-webkit-transform: translateY(0px) rotate(-55deg);
		-ms-transform: translateY(0px) rotate(-55deg);
	}
	.selected .kp-gh:hover a:after {
		transform: translateY(0px) rotate(55deg);
		-webkit-transform: translateY(0px) rotate(55deg);
		-ms-transform: translateY(0px) rotate(55deg);
	}
	.kp-gh a:after, .kp-gh a:before {
		background-color: #aaa;
		content: "";
		display: block;
		height: 3px;
		left: 0;
		position: absolute;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width:100%;
	}
	.kp-gh a:after {
		top:8px;
	}
	.kp-gh a:before {
		top:-8px;
	}
	.selected .kp-gh a:after, .selected .kp-gh a:before {
		top: 0;
	}
	.selected .kp-gh a:before {
		transform: translateY(0px) rotate(-45deg);
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
	}
	.selected .kp-gh a:after {
		transform: translateY(0px) rotate(45deg);
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
	}
	.selected .kp-gh a {
		background-color: transparent !important;
	}
	
	/*头部提示*/
	.kp-topmsg{
		height: 45px;
	}
	.kp-topmsg__inner{
		position: fixed; height: 45px;
		left: 0; width: 100%; top: 0;
		    background: #fff3cd;
    border: 1px solid #fff3cd;
    color: #856404;
    border-radius: 4px;
    padding: 0 16px;
    margin-bottom: 12px;
    display: flex;
    /*flex-direction: row;*/
    align-items: center;
    text-align: center;
    justify-content: center;
    line-height: 1.2; 
    z-index: 99;
    
    
	
	}
	.kp-topmsg__text{
		/*超出省略号*/
	    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /*行数*/
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	word-break:break-all; /*英文折行*/
	}
	.kp-topmsg__icon{
		font-size: 14px;
    line-height: 22px;
    margin-right: 8px;
    display: inline-block;
    color: #ffbf00;
	}
	.kp-topmsg + .kp-naver-wrap .kp-naver{
		top: 45px;
	}
	
	.nav-tabs .nav-link{
		font-size: 16px;
	}
	
	/*底部导航*/
	.kp-topnav{
		

    height: 32px; line-height: 32px;
    background: #000;
    color: #fff;
    font-size: 13px;
	}
	.kp-topnav a{
		color: inherit; margin: 0 10px;
	}
	.kp-topnav  use{
		fill: #fff;
	}
	.kp-topnav .kp-wrapper{
		
    display: flex;
    justify-content: space-between;
    align-items: center;
	}
	.kp-topnav__nav{
		display: flex;    
		font-size: 12px;
    line-height: 28px;
	}
	.kp-topnav__nav li{
		border-bottom: 4px solid transparent;
    
	}
	.kp-topnav__nav li.active{
		border-color: #dd042b;
	}
	.kp-topnav__nav a{
		
    padding: 7px 13px;
    display: inline-block;
	}
	.kp-topnav__nav img{
		max-height: 28px;
	}
	/*导航*/
	.kp-naver-wrap{ height: 100px;}
	.kp-naver{
		 height: 100px;  position:relative; z-index:999;  

	
		    transition: all 0.3s;
		    
    box-shadow: 0 2px 8px rgb(8 20 49 / 10%);
		 
    
	}
	.kp-naver-fixed{
		position: fixed; top: 0; left: 0; right: 0;
	
	    background: rgba(50,52,54,0.8);
		z-index: 9999;
	}
	.kp-naver__left{
		display: flex;
		justify-content: flex-start;
	}
	.kp-naver .kp-wrapper{
		overflow:visible; margin-top:0; position:static; height: 100%;
		align-items: center;
    display: flex;
    justify-content: space-between;
	}
	.kp-naver .kp-wrapper--full .brand{

	}
	.kp-naver ul{
		display: flex;
		align-items: center;
	}
	.kp-naver li{
		 position: relative;
	}
	.kp-naver .module a{ 
	    font-size:18px; margin: 0px 16px; position: relative; white-space: nowrap; 
	    display: inline-block;
		color: #262626;
		font-weight: bold;

	    line-height: 1.2;
	}
	.kp-naver .module li.active> a,
	.kp-naver .module li:hover >a{
		color: #e23;
	}
	.kp-naver .module li.active> a{
		


	}
	.kp-naver .module li a{
		position: relative;
	}
	.kp-naver .module li a:after{
		/*width: 6px; height: 6px; background: #fff; content: ""; position: absolute; left: 50%; margin-left: -3px; bottom: -10px; border-radius: 6px; display: none;*/
		
		position: absolute;
	    bottom: -2px;
	    left: 50%;
	    width: 100%;
	    height:3px;
	    background-color: #ffd81f;
	    /*border-radius: 2px;*/
	
	
	    transform: translateX(-50%);
	    content: '';
	    visibility: hidden;
	    opacity: 0;
	    transition: 0.3s;
	    -webkit-transition: 0.3s;
	}
	.kp-naver .module li.active >a :after,
	.kp-naver .module li:hover a:after{
		/*visibility: visible;
		opacity: 1;*/
	} 
	.kp-naver .module li a >span{
		position: relative; z-index: 2;
	}
	
		/*灰色版本*/
		.kp-naver--light{
			/*background: #f5f5f5;*/
			background: #fff;
			
			/*磨砂玻璃*/
    background: rgba(255,255,255,0.9);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
		}
		.kp-naver--light a{
			color: #333;
		}
		.kp-naver--light .module a{
			color: #333;
		}
		 
		 /*方形logo负出的效果*/
		.kp-naver--square{
			background: transparent;
			border-color: transparent;
			
    height: 100px;
    line-height: 100px;
		}
		
		.kp-naver--square .kp-wrapper--full{
			padding-left: 30px !important; padding-right: 30px !important;
		}
		.kp-naver--square a{
			color: #fff;
		}
		.kp-naver--square .module a{
			color: #fff;
		}
		.kp-naver--square .module a svg{
			fill: #fff;
		}
		.kp-naver--square .module li.active> a, 
		.kp-naver--square .module li:hover >a{
			color: #fff;
		}
		.kp-naver--square .brand{
			/*position: absolute;*/
			margin-left: 0;
		}
		.kp-naver--square .brand img{
			height: 100px !important;
		}
		.kp-naver--square .sub a{
			line-height: 32px; 
			
		}
		.kp-naver--square .kp-header__btn{
			border: #fff solid 1px;
		}
		.kp-naver--square .kp-header__btn:hover,
		.kp-naver--square .kp-header__reg:hover,
		.kp-naver--square .sub a:hover,
		.kp-template__btn:hover{
			opacity: 0.9;
		}
		.form-control:focus{
			border-color:#23272b;box-shadow:none;
		}
		.kp-naver--square .kp-header__reg{
			background: #fff;
			color: #e23 !important;
			border: #fff solid 1px;
			border-radius: 4px;
		}
		.kp-naver--square + .kp-heading--lg{
    		padding: 200px 0 100px;
		}
		.kp-naver--square + .kp-heading--sm{
    padding-top:160px;
    padding-bottom: 60px;
		}
		.kp-naver--square + .kp-heading--xs{
    padding-top: 80px;
    padding-bottom: 20px;
		}
		
		/*下拉反向*/
		.kp-naver--square--active{
			background: #fff;
			/*磨砂玻璃*/
    background: rgba(255,255,255,0.9);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
		}
		.kp-naver--square--active a{
			color: rgba(0, 0, 0, 0.85);
		}
		
		.kp-naver--square--active .kp-header__btn{
			border: #e23 solid 1px; color: #e23;
		}
		.kp-naver--square--active .kp-header__reg{
			background: #e23;
			color: #fff !important;
			border: #e23 solid 1px;
		}
		
		.kp-naver--square--active .module a{
			color: #222;
		}
		.kp-naver--square--active .module a svg{
			fill: #222;
		}
		.kp-naver--square--active .module li.active> a, 
		.kp-naver--square--active .module li:hover >a{
			color: #222;
		}
		.kp-naver--square--active .brand img{
			height: 100px !important;
		}
		
		.kp-naver--square--active .kp-header__tel{


	   background-image: url('data:image/svg+xml,<svg t="1729050952987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8054" width="28" height="28"><path d="M446.272 573.44a509.653333 509.653333 0 0 1-81.92-100.650667c67.786667-30.474667 112.138667-93.461333 112.138667-169.792C476.48 194.592 388.96 106.666667 280.906667 106.666667 170.058667 106.666667 85.333333 188.746667 85.333333 302.997333c0 158.250667 82.56 328.554667 200.618667 439.658667 100.010667 94.122667 258.986667 161.738667 413.461333 174.570667 0.832 0.074667 1.674667 0.106667 2.517334 0.106666h41.162666a30.517333 30.517333 0 0 0 0-61.045333h-39.872c-140.672-11.978667-286.026667-73.930667-375.456-158.090667-106.410667-100.16-181.408-254.837333-181.408-395.2 0-80.106667 56.981333-135.285333 134.549334-135.285333 74.282667 0 134.549333 60.533333 134.549333 135.285333 0 60.309333-40.896 107.989333-103.008 123.349334a30.517333 30.517333 0 0 0-19.786667 43.658666c27.573333 53.312 66.037333 104.426667 111.573334 147.690667 51.264 48.693333 109.941333 86.112 172.053333 108.16a30.506667 30.506667 0 0 0 40.362667-24.064c10.453333-67.093333 61.621333-114.026667 126.442666-114.026667 74.272 0 134.549333 60.544 134.549334 135.285334 0 25.578667-7.04 50.026667-20.149334 71.253333a30.528 30.528 0 0 0 51.925334 32.074667A196.096 196.096 0 0 0 938.666667 723.050667c0-108.394667-87.530667-196.330667-195.573334-196.330667-83.072 0-151.210667 52.384-177.621333 128.864-42.368-19.552-82.773333-47.541333-119.2-82.144z" fill="%23222222" p-id="8055"></path></svg>');
	   }
		
		
	/*logo*/
	.kp-naver .brand{
		float: left; display: inline; overflow: hidden; 
		/*height: 60px;*/
	    /*margin-left: 40px;*/
	}
	.kp-naver .kp-wrapper{
		/*width: auto; padding: 0 5%;*/
	}
	.kp-naver .kp-wrapper--full{

	}
	.kp-naver .brand img{
		display: inline-block; height:60px;
	}
	.kp-naver .brand a{
		font-size:25px; padding-left:0 !important;  border-right:0; font-weight: bold; padding-left: 0; 
	    line-height: 1;
	} 
	.kp-naver .brand a:hover{ 
		background:none;
	}
	.kp-naver .brand span{
	
	    align-items: center;
	    font-weight: 400;
	    font-size: 18px;
	    text-decoration: none;
	    color: #999;
	}
	.kp-naver .brand span:before{
		content: ' ';
	    margin: 0 10px;
	    display: inline-block;
	    background-color: #ddd;
	
	    height: 28px;
	    width: 1px;
	    transform: scaleX(0.5);
	    position: relative;
	    top: 8px;
	}
	
	/*主菜单*/
	.kp-naver .module{
		margin-left:36px; display: flex;
	}
	.kp-naver .module ul{
		margin-left:0;
	}
	/*副菜单*/
	.kp-naver .sub{ 
		float:right; display:inline; 
	}
	.kp-naver .sub li{
		margin-left: 8px; line-height: 50px;
	}
	
	/*导航搜索*/
	.kp-naver .search{
		float:left; display:inline;  _background:none; overflow:hidden; line-height:1em; margin-top:8px;
	}
	.kp-naver .search .text{
		float:left; display:inline;
	}
	.kp-naver .search .kp-btn{
		float:left; display:inline;
	}
	
	/*二级菜单*/
	
	.kp-naver li>ul {
		position:absolute; left:0; right:0; z-index:1000; margin:0; display:none; background:#fff; text-align:center; width: 220px; line-height: 40px;  top:60px;
	
	}
	.kp-naver li.selected >ul{
		display:block;
	}
	.kp-naver li>ul li{
		display: block; float: none;
	}
	.kp-naver li>ul li a{
		text-align:left; white-space:nowrap;/*设置不折行*/ txt-overflow:ellipsis;/*这就是省略号喽*/ -o-txt-overflow:ellipsis;/*兼容opera*/ overflow:hidden; border:none; display: block;
		color: #e23;
	}
	.kp-naver li>ul li.selected a, .kp-naver li>ul li a:hover{
		color: #e44d26 ;
	}
	
	/*展开按钮*/
	.kp-naver .collapse{
		 padding: 6px 12px 10px 12px; background:#444444; color:#fff; display:none; position:absolute; right:5px; top:10px;
	}
	.kp-naver .collapse span{ border-radius: 1px 1px 1px 1px;
	    display: block; height: 2px; width: 22px; background:#fff; margin-top: 4px;
	}
	
	 
	.kp-naver.unstyled{ background:none;} .kp-naver.unstyled a{ color:#333 !important; border-right:0 !important;} .kp-naver.unstyled a:hover, .kp-naver.unstyled a.selected{ background:none !important;}
	
	.kp-naver.fixed{
		position:fixed; top:0; width:100%; _position:absolute; _top: expression(documentElement.scrollTop + "px"); z-index:999; opacity:0.8;
	}
	
	
	
	
	.kp-naver .caret{
		
	}
	.kp-naver .selected .caret{
		border-top-color:#222; border-bottom-color:#999; margin-top:20px;
	}
	
	
	.kp-naver .kp-btn,
	.kp-naver .kp-btn:hover{
		position:relative; padding:0 20px !important; height:30px !important; line-height:30px !important; 
		/*background:#639c8f !important; color:#fff !important;*/ 
		display:inline-block !important; _top:10px;
	}
	
	 
	
	.kp-header{
		margin: 0px auto 0px auto; height:auto; overflow:hidden; clear:both;
	}
	.kp-header h1{
		font-size: 60px; line-height:60px; margin:0;
	}
	.kp-header h2{
		font-size:20px; line-height:30px;
	}
	.kp-header .search{
		margin:10px 0 0 0;
	}
	.kp-header .search .text{
		padding:9px;
	}
	.kp-header .search .kp-btn{
		padding:9px;
	}
	
	
	
	.kp-header__tel{
		/*display: inline-block;*/
	    /*background: url(../images/tel-bg.png) no-repeat 0 center;*/
	   background: url('data:image/svg+xml,<svg t="1729050952987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8054" width="28" height="28"><path d="M446.272 573.44a509.653333 509.653333 0 0 1-81.92-100.650667c67.786667-30.474667 112.138667-93.461333 112.138667-169.792C476.48 194.592 388.96 106.666667 280.906667 106.666667 170.058667 106.666667 85.333333 188.746667 85.333333 302.997333c0 158.250667 82.56 328.554667 200.618667 439.658667 100.010667 94.122667 258.986667 161.738667 413.461333 174.570667 0.832 0.074667 1.674667 0.106667 2.517334 0.106666h41.162666a30.517333 30.517333 0 0 0 0-61.045333h-39.872c-140.672-11.978667-286.026667-73.930667-375.456-158.090667-106.410667-100.16-181.408-254.837333-181.408-395.2 0-80.106667 56.981333-135.285333 134.549334-135.285333 74.282667 0 134.549333 60.533333 134.549333 135.285333 0 60.309333-40.896 107.989333-103.008 123.349334a30.517333 30.517333 0 0 0-19.786667 43.658666c27.573333 53.312 66.037333 104.426667 111.573334 147.690667 51.264 48.693333 109.941333 86.112 172.053333 108.16a30.506667 30.506667 0 0 0 40.362667-24.064c10.453333-67.093333 61.621333-114.026667 126.442666-114.026667 74.272 0 134.549333 60.544 134.549334 135.285334 0 25.578667-7.04 50.026667-20.149334 71.253333a30.528 30.528 0 0 0 51.925334 32.074667A196.096 196.096 0 0 0 938.666667 723.050667c0-108.394667-87.530667-196.330667-195.573334-196.330667-83.072 0-151.210667 52.384-177.621333 128.864-42.368-19.552-82.773333-47.541333-119.2-82.144z" fill="%23ee2233" p-id="8055"></path></svg>') no-repeat  left center;
	    padding-left: 28px !important;
		background-size: auto 24px;
		font-size:18px !important;
		color: #ee2233;
	    /*height: 80px;
	    line-height: 80px;*/
	}
	.kp-header__btn{
		padding: 0 16px;
	    font-size: 14px;
	    display: inline-block;
		border-radius: 4px;

	}
	.kp-header__btn--reg,
	.kp-header__reg{

	    color: #fff !important;
	    font-size: 17px;


	    display: inline-block;
	    text-align: center;

		
		    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    margin-top: 16px;
    line-height: 41px;
    width: 136px;
    height: 41px;
    background: -webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));
    background: linear-gradient(90deg,#fd441f,#e1251b);
    padding: 0;
	}
	.kp-flex{
		display: flex;
		flex-wrap: wrap;
	}
	.kp-gap10{
		column-gap: 10px !important;
	}
	.kp-between{
		justify-content: space-between;
	}
	.kp-w20{
		width: 20% !important;
	}
	.kp-w16{
		width: 16% !important;
	}
	.kp-w31{
		width: 31% !important;
	}
	.kp-w32{
		width: 32% !important;
	}
	.kp-w33{
		width: 33% !important;
	}
	.kp-w3333{
		width: 33.33% !important;
	}
	.kp-w19{
		width: 19% !important;
	}
	.kp-w24{
		width: 24% !important;
	}
	.kp-w25{
		width: 25% !important;
	}
	.kp-w49{
		width: 49% !important;
	}
	
	/*步骤*/
	.kp-step__item{
		position: relative;
    height: 147px;
    background: #fff url(../images/step-arrow.png) no-repeat right 16px top 16px /24px;
    border: 1px solid rgba(0,0,0,.05);
    -webkit-box-shadow: 0 4px 10px 0 hsl(0deg 0% 55% / 10%);
    box-shadow: 0 4px 10px 0 hsl(0deg 0% 55% / 10%);
    padding: 0 16px;
	}
	.kp-step__title{
		    font-size: 14px;
    font-weight: 600;
    color: #262626;
    margin-top: 18px;
	}
	.kp-step__desc{
		font-size: 14px;
    margin-top: 16px;
    line-height: 20px;
    color: #595959;
	}
	
	/*产品功能*/
	.kp-function{
		display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 4%;
	}
	.kp-function__item{
		width: 46%;
		margin-bottom: 32px;
    padding-left: 18px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0;
    padding-bottom: 32px;
	}
	.kp-function__title{
		position: relative;
    font-size: 20px;
    color: #262626;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 24px;
	}
	.kp-function__title:after{
		    content: "";
    position: absolute;
    top: 2px;
    left: -18px;
    width: 2px;
    height: 24px;
    background-color: #e1251b;
	}
	.kp-function__desc{
		color: #595959;
    font-size: 14px;
	}
	
	/*提示内容*/
	.kp-msg{
		    width: 100%;
    /*height: 240px;*/
    line-height: 24px;
    background-color: #f5f5f7;
    font-size: 16px;
    color: #999;
    padding-top: 48px;
    padding-bottom: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
	 .kp-msg .kp-wrapper{
	 	
    width: 100%;
    max-width: 1576px;
    margin: 0 auto;
	 }
	 
	table { background-color: transparent; _background:none !important; border-collapse: collapse; border-spacing: 0; max-width: 100%; font-size:13px;  margin-bottom: 20px; width: 100%; }
	table td.selected, table th.selected{ background:#F9F9F9; }
	table th, table td { border-top: 1px solid #ebeef5; padding: 4px 5px; /*text-align: left; vertical-align: top;*/ }
	table th { font-weight: bold; }
	table thead th, table thead td { vertical-align: bottom; }
	
	.kp-table-bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-txt-color; border-image: none; border-style: none solid solid none; border-width: 1px 1px 1px 0; padding:0 !important; }
	.kp-table-bordered th, .kp-table-bordered td { border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }
	.kp-table-bordered thead:first-child tr:first-child th:first-child, .kp-table-bordered tbody:first-child tr:first-child td:first-child {}
	.kp-table-bordered{ border: 1px solid #DDDDDD; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); padding:5px; border-radius:2px; }
	.kp-table-bordered:hover{ border-color:#bbb; }
	
	/*公共边框*/
	.bordered{ border: 1px solid #DDDDDD; padding:5px; border-radius:2px; }
	.bordered:hover{ border-color:#bbb; }
	
	/*斑马条纹*/
	.kp-table-zebra{}
	.kp-table-zebra tr:nth-child(odd){ }
	.kp-table-zebra tr:nth-child(even){ background:#F9F9F9;}
	
	/*会员权限对比表格*/
	.kp-table--vip{
		
    font-size: 16px; 
	}
	.kp-table--vip th,
	.kp-table--vip td{
		border-right:#ebeef5 solid 1px;
		padding: 20px 20px;text-align: center;
	}
	.kp-table--vip th{
		font-size: 20px; font-weight: bold; padding-top: 40px; padding-bottom: 40px;
	}
	.kp-table--vip th:nth-child(3),
	.kp-table--vip td:nth-child(3),
	.kp-table--vip th:nth-child(5),
	.kp-table--vip td:nth-child(5){
		background: #fff3e6;
	}
	.kp-table--vip .kp-btn{
		font-size: 18px;
    line-height: 42px;
    width: 160px;
    height: 42px;
    text-align: center;
    color: #8c672c;
    border: 1px solid #fae1c4;
    border-radius: 4px;
    background: #faecd6;
	}
	.kp-table--vip .err{
		font-size: 20px; font-weight: bold; color: red;
	}
	.kp-table--vip .yes{
		font-size: 20px; font-weight: bold; color: green;
	}
	/*头部*/
	.kp-heading,
	.kp-masthead{ 
		padding:100px 0 100px ; 
		line-height: 1.5;
		 
		    position: relative;
		    overflow: hidden;
		    
		    background-image: url(../images/bg/bg-common.jpg);
		    background-position: 50%;
    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    
	    height: 360px;
	    
	    display: flex; align-items: center;
	    
	    
	}
	/*遮罩*/
	.kp-heading__mask{
		position: absolute; width: 50%; top: 0; bottom: 0;
		background: #dd042b;
	}
	.kp-heading__mask:before{
		content: "";
		width: 400px;
		height: 100%;
		position: absolute; right: -400px; top: 0;

		background: url(../images/mask.png) no-repeat center/cover;
	}
	.kp-heading--lg{
		
		padding:150px 0 150px ; 
	}
	.kp-heading--lg .kp-heading__title{
		font-size: 52px;
	}
	.kp-heading__overlay{
		    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);*/
   display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: #000000;
    filter: blur(20px);
	}
	 
	/*白底黑子*/
	.kp-heading__title span{
		color: inherit !important;
	}
	 
	
	.kp-heading__subtitle{
		    color: #666;
    font-size: 14px;
    line-height: 22px;
    width: 46%;
    margin-bottom: 42px;
    -webkit-line-clamp: 6;
	}
	.kp-heading__subtitle--act{
		font-size: 16px; margin-top: 48px;  display: inline-block; text-align: left; background: #fff; padding:12px 20px; border-radius: 32px; 
	}
	.kp-heading__subtitle--act img{
		background: #fff;width: 100px; display: inline-block;vertical-align: middle; margin-right: 10px;
	}
	.kp-heading__subtitle--act p{
		display: inline-block;vertical-align: middle; color: rgba(0, 0, 0, 0.85);
	}
	.kp-heading__price{
		display: block;
    line-height: 1;
    font-size: 80px;
    font-weight: 700;
    padding-right: 164px;
    color: #e23; 
	}
	.kp-heading__price >small{
		
    font-size: 14px;
	}
	.kp-heading-lt{
		text-align: left;
	}
	/*小版*/
	.kp-heading--sm{
		
	    /*min-height: 260px;*/
	    padding-top: 60px;
	    padding-bottom: 60px;

	}
	
	.kp-heading--sm .kp-heading-title,
	.kp-heading--sm .kp-heading__title{
	    

	    font-weight: 600;
	    font-size: 36px;
	}
	.kp-heading--sm .kp-heading-lead,
	.kp-heading--sm .kp-heading__lead{
		font-size: 16px;
	}
	
	.kp-heading a{
	}
	.kp-heading-unstyled{ 
		background:none; color:#333; border-bottom:#eee solid 1px;
	}
	.kp-heading .kp-wrapper{ 
		left:auto; margin-left:auto;  width: 100%;
	}
	.kp-heading__title,
	.kp-heading-title{ 


    font-size: 36px;
    font-weight: bold;
    font-weight: 600;
    color: #262626;
	}
	.kp-heading-title .line{
		position: relative; 
	}

	.kp-heading__title--lg{
		font-size: 58px;
	}
	.kp-heading__title strong{
		color: #e23;
	}
	.kp-heading-lead,
	.kp-heading__lead{ 
		        color: #666;
    font-size: 14px;
    line-height: 22px;
    width: 46%;
    margin-bottom: 42px;
    -webkit-line-clamp: 6;
	}
	.kp-heading__tip{
		margin-top: 20px; 
		/*color: #666;*/ opacity: 0.8;
	}
	.kp-heading__img{
		/*max-width:500px;*/
		padding-top: 20px;
	}
	.kp-heading__btn{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 118px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #e1251b;
    border: 1px solid #e1251b;
	
	}
	.kp-heading__btn--light{
		background: #fff; color: rgba(0, 0, 0, 0.85);
	}
	.kp-heading__arrow{
		position: absolute;

    bottom: 10%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
    cursor: pointer;
	}
	@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



	.kp-heading__btn--sm{
	    height: 36px;
	    line-height: 36px;

	}
	.kp-heading__btn--red{
		background: #e23; color: #fff;
		border-color: #e23;
	}
	.kp-heading__form{
		width:75%; margin: 24px auto 0 auto; 
	    /*display: flex;
	    width: 512px;
	    margin: 0 auto;*/
	}
	.kp-heading__forminput{
		font-size:16px ; padding: 1rem 1rem;
		    /*border: 1px solid transparent;
	    width: 100%;
	    height: 38px;
	    padding-left: 22px;
	    border-radius: 4px 0 0 4px;
	    background: #fff;
	    transition: all .2s;*/
	}
	.kp-heading__formbtn{
		  /*width: 93px;
	    height: 38px;
	    font-size: 14px;
	    color: #fff;
	    border-radius: 0 4px 4px 0;
	    background-color: #e23;
	    border: #e23 solid 1px;
	    cursor: pointer;*/
	}
	.kp-heading__footer{
		position: absolute;
    bottom: 0;
    width: 100%;
    height: 112px;
    background: hsla(0,0%,100%,.5);
    backdrop-filter: blur(20px);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	 
	.kp-title{
	        line-height: 44px;
    font-size: 32px;
    color: #262626;
    font-weight: 700;
	    }
	  
	.kp-title .tip{
		color: #e23;
	}
	.kp-subtitle{
		  margin-top: 10px;
    line-height: 36px;
    font-size: 18px;
    color: #595959; text-align: center;
	}
	
	.kp-more{
		text-align: center; font-size: 16px;
	}
	
	.kp-box{
		
	    border: 1px solid #dcdcdc;
	    background-color: #FFFFFF;
	    border-radius: 10px 10px 10px 10px;
	    /*box-shadow: 0px 0px 10px 0px rgb(8 8 8 / 10%);*/
	    border-radius: 10px;
	    overflow: hidden;
	    text-align: left;
		margin-bottom: 10px;
	}
	.kp-box__header{
		
	    padding: 20px 20px 20px 20px;
	    background: #fafafa;
	}
	.kp-box__header *{
		margin: 0;
	}
	.kp-box__body{
		padding: 20px 20px 20px 20px;
	}
	.kp-box__list{
		margin-left: 0;
	}
	.kp-box__body li{
		list-style: none;
		border-bottom: #fafafa solid 1px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.kp-box__body li:last-child{
		border: none;
	}
	.kp-box__body li:before{
		content: "✔"; 
		/*✘*/
		color: #e23;
		/*width: 18px; height: 18px; display: inline-block; text-align: center; line-height: 18px; border-radius: 24px;*/
		/*background-color: #467ff7;*/
		
		margin-right: 10px;
	}
	/*价目表*/
	 
	

	.kp-pricing{
		display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; column-gap: 2%;
	}
	.kp-pricing__item{
		width: 23%; /* width: 490px; */ margin-bottom: 24px;
		position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    height: 100%;
    background: #fff;

    

	}
	.kp-pricing__header{
		    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 24px 24px;
    background: url(../images/price-bg.jpg) no-repeat;
    background-position: 100% 0;
    background-size: cover;
    position: relative;
	}
	.kp-pricing__header *{
		margin: 0;
	}
	.kp-pricing__type{
		width: 148px;
    height: 32px;
    background-image: url(https://img1.jcloudcs.com/portal/product/specification-tag.png);
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
	.kp-pricing__title{    font-size: 24px;
    color: #262626;
    line-height: 36px;

	}
	.kp-pricing__subtitle{
		margin-top: 8px;
    font-size: 16px;
	}
	.kp-pricing__desc{
		margin-top: 17px;
    font-size: 14px;
    color: #595959;
    line-height: 22px;
	}
	.kp-pricing__price{
		-webkit-box-sizing: border-box;
    box-sizing: border-box;


    width: 100%;
    background: rgba(229,233,241,.2);
    padding: 16px 24px;
    color: #e1251b;
    
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
	}
	.kp-pricing__price small{
		    display: inline-block;
    margin-left: 6px;
    font-size: 16px;
    font-weight: 400;
    margin-top: -4px;
    vertical-align: middle;

	}
	.kp-pricing__price big{
		font-size: 34px;
	    font-weight: bold;
	}
	.kp-pricing__body{
		padding: 20px 20px 20px 20px;
	}
	.kp-pricing__body h4{font-size: 14px;
    color: #262626;
    padding-left: 10px;
    position: relative;
	}
	.kp-pricing__body h4:before{
		content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    background: #e1251b;
    top: 5px;
    left: 0;
	}
	.kp-pricing__body ul{
		margin-left: 0;
	}
	.kp-pricing__body li{
		list-style: none;
		margin-top: 6px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #595959;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: pre-wrap;
	}
	.kp-pricing__body li strong{
		color: #e23; margin: 0 3px;
	}

	.kp-pricing__btngroup{
		display: flex;
		column-gap: 10px;
	}
	.kp-pricing__btn{
		-webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 118px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #e1251b;
    border: 1px solid #e1251b;
    
    

    width: 100%;

    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
	}
	.kp-pricing__btn--outline{
		background: none !important;
		border: #ccc solid 1px;
	}
	.kp-pricing__label{
	position: absolute;
    /*right: -11px;
    top: -5px;*/
   right: 0; top:0;
    width: auto;
    height: 26px;
    padding: 0 6px;
    /*background-image: url(/img/vip-company/gift_bag.png?t=169291709);*/
   
		    background: linear-gradient(96deg,#ff986f 24.89%,#f1103d 91.29%) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0;
    font-size: 12.5px;
    line-height: 26px;
    text-align: center;
    color: #fef8f8;
    font-weight: bold;
    border-radius:0 8px 0 8px;
		}
	
	/*会员权益*/
	.kp-feature{
		
    
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.kp-feature__item{
    width: 50%;
	  padding: 0 67px;
    margin-bottom: 40px;
    overflow: hidden;
}
.kp-feature__icon {
	 vertical-align: top;
    float: left;
    margin-right: 10px;
    width: 110px;
    height: 110px;
	
}
.kp-feature__icon .fa{
	font-size: 38px;  color: #362a1b;
	/*background-image: linear-gradient(to bottom, #e8d6ac,#bf9e6a);*/
	/*-webkit-background-clip: text; -webkit-text-fill-color: transparent;*/
}
.kp-feature__info{
	    padding-top: 10px;
    margin-left: 120px;
}
.kp-feature__title{
display: block;
    font-size: 18px;
    color: #262626;
    font-weight: 600;
}
.kp-feature__desc{
	
    margin-top: 8px;
    font-size: 14px;
    color: #595959;
}
	
	
	/*通用价格*/
	.kp-price{
		/*font-size: 36px;*/
	    padding: 0 20px ;
	    color: #e23;
	    font-weight: bold;
	}
	.kp-price small{
		
    /*font-size: 12px;*/ font-size: 0.8em;
    font-weight: normal;

	}
	
	.kp-widget{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.kp-widget__item{
	
	
	   /*display: flex;*/
	     /*justify-content: space-between;*/
	
	    border-radius: 10px;
	    margin-bottom: 15px;
	    background: #fff;
	    
	    
	    padding: 20px 24px;
	    border-radius: 8px;
    border: 1px solid #fff;
	}
	.kp-widget__item:hover{
		
    border: 1px solid #e23;
    transition: all .4s;
	}
	.kp-widget__icon{
		width: 56px; height: 56px;
		background: #e23;
		border-radius: 18px;
		margin-right: 10px; margin-bottom: 10px;
		/*float: left;*/
		font-size: 32px; color: #fff; text-align: center; line-height: 56px;
		flex-shrink: 0;
	}
	.kp-widget figure{
		flex-shrink: 0; margin-right: 10px; margin-bottom: 10px;
	}
	.kp-widget figure img{
		width: 56px; height: auto;
		
	}
	.kp-widget__title,
	.kp-widget h3{
		    margin-right: 20px;
	    color: #333;
	    font-weight: 600;
	    font-size: 16px;
	}
	.kp-widget__desc,
	.kp-widget p{
		       display: -webkit-box;
	    margin-top: 15px;
	    overflow: hidden;
	    color: #999;
	    font-size: 14px;
	    line-height: 20px;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	
	
	
	/*模板*/
	.kp-templatelist{
		 margin-bottom: 24px;
	}
	.kp-templatelist__tj{
		column-gap: 0;  margin-bottom: 0;
	}
	.kp-templatelist__tj .kp-template__mobile{
		width: 80px;
	}
	 .kp-templatelist__tj  .kp-template__item--elite .kp-template__img:after {
		width: 54px;
		height: 54px;
		background-size: 100%;
	}
	 .kp-template{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap; 
	}
	.kp-template__item{ 



    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px 5px rgb(0 0 0 / 4%);
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 4%);
	}
	.kp-template__item:hover{
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
	}
	.kp-template__img{
		
    transition: all 0.4s;
    /*height: 275px;*/ 
    overflow: hidden;
    position: relative;
	    /*border-radius: 8px;*/
	}
	.kp-template__item--elite .kp-template__img:after{
		width: 64px; height: 64px; content: ""; position: absolute; left: 0; top: 0;
		background: url(../images/elite.png);
	}
	.kp-template__img  img{
		width: 100%;
		transition: all 0.3s; 
	}
	.kp-template__texts{

    width: 100%;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
	.kp-template__info {
	        font-size: 14px;
    color: #666;
	}
	.kp-template__title{
		overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	    font-weight: bold;
	    color: rgba(0, 0, 0, 0.85);
	    /*font-size: 16px;*/ font-size: 18px;
	    line-height: 22px; 
		
	}
	.kp-template__subtitle{
		color: #e23; font-weight:bold;
	}
	.kp-template__desc{
		margin-top:8px;
	    color: rgba(0,0,0,.45);
	    font-size: 14px;
	    line-height: 22px;
	}
	
	.kp-template__mobile{
		position: absolute;
		    right: 10px;
    bottom: 100px;
		width: 120px;
    padding: 15px 6px 15px 8px;
    /*background: url(../images/phone_bg.png) center/100% 100% no-repeat;*/
   border-radius: 15px;
   border: #fff solid 2px;
   background: #eee;
    transition: all 0.3s ease-in; 
    overflow: hidden;
	}
	.kp-template__mobile img{
		/*height: 100%; overflow: hidden; display: block;*/
    border-radius: 0 0 10px 10px;
	}
	.kp-template__item:hover .kp-template__mobile{
		transform: translateY(-15px);
	}
	.kp-template__btngroup{
		/*position: absolute; left: 0; right: 0; bottom: 16px;*/ 
		z-index: 1;  margin: 0 auto; background: rgba(255, 255, 255, 0.5); padding: 10px 0; bottom: 0;
	/* display: none; */
		/* width: 240px; */
		column-gap: 1px;overflow: hidden;
		/*display: flex; justify-content: center;*/
		 /* align-items: center; flex-wrap: wrap;  flex-direction: column; */
	 	/*display: none;*/
		/* 
		opacity: 0;
		visibility: hidden;
    transition: all 0.4s; */

	}
	.kp-template__item:hover .kp-template__btngroup{
		display: flex;
	}
	.kp-template__btn{
		width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 20px auto 0;
    cursor: pointer;
    display: inline-block;
	}
	.kp-template__btn + .kp-template__btn{
		
   /* background: #2c7; */  background-color: #fff; color: #e23; border: 1px solid #e23;
	}
	
	/* .kp-template__item--active .kp-template__img,
	.kp-template__item--active .kp-template__mobile{
		
    transform: translateY(-30px);
  
	}
	.kp-template__item--active .kp-template__img{
		
    	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	}
	.kp-template__item--active .kp-template__btngroup{
		opacity: 1;
		visibility: visible;
	} */
	
	/*2024.11.27推荐模板*/
	/*模板*/
	 .kp-elite{
		
	}
	.kp-elite__item{ 
		display: flex;
		justify-content: flex-start;
		background: #fafaFA;
		column-gap: 20px;
		padding: 20px;
	
	    margin-bottom: 15px; 
	    overflow: hidden;
	    position: relative;
	    padding-top: 30px;
	    border-radius: 8px;
	}
	.kp-elite__item--elite .kp-elite__img:after{
		width: 64px; height: 64px; content: ""; position: absolute; left: 0; top: 0;
		background: url(../images/elite.png);
	}
	.kp-elite__img{
		position: relative;
		flex-shrink: 0;
	}
	.kp-elite__imgpc{
		
    transition: all 0.4s;
    /*height: 275px;*/ 
    overflow: hidden;
    position: relative;
	    border-radius: 8px;
	    width: 100%;
	}
	
	.kp-elite__imgmob{
		position: absolute;
		    right: 10px;
    bottom: 0;
		width: 120px;
    height: 248px;
    padding: 15px 6px 15px 8px;
    /*background: url(../images/phone_bg.png) center/100% 100% no-repeat;*/
   border-radius: 15px;
   border: #fff solid 2px;
   background: #eee;
    transition: all 0.4s;
    overflow: hidden;
      border-radius: 0 0 10px 10px;
	}
	
	.kp-elite__info {
	    padding: 10px 15px;
	
	    /*background-color: #fff;*/
	}
	.kp-elite__title{
		
	    margin-top: 10px;
	    color: #333;
	    /*font-size: 16px;*/ font-size: 26px; font-weight: bold;

	}
	.kp-elite__subtitle{
		color: #e23; font-weight:bold;
	}
	.kp-elite__desc{
		margin-top: 4px;
	    color: #999;
	    font-size: 16px;
	    line-height: 22px;
	}
	
	
	.kp-elite__btngroup{



		/*position: absolute; left: 15px; top: 290px;*/
		margin-top: 20px;

	}
	.kp-elite__btn{
		width: 240px;
		border-radius: 4px;
display: inline-block;

		height: 55px; color: #fff;
		background: #e23;
		text-align: center; line-height: 55px; font-size: 16px;
	}
	.kp-elite__btn + .kp-elite__btn{
		
    background: #2c7;
	}
	
	
	
	/*分类*/
	.kp-type{
		
		margin-bottom: 24px; font-size: 16px;
	}
	
	.kp-type dt,
	.kp-type dd{
		display: inline-block; margin-right: 5px; margin-bottom: 5px;
		position: relative;
	}
	.kp-type dd >a{
		display: inline-block; line-height: 1;
		border-radius: 4px;
		
    padding: 0.5rem 1rem;
	}
	.kp-type dd.active >a{
		background: #e23; color: #fff;
	}
	/*颜色分类*/
	.kp-type--color dd>a{
		text-indent: -99999px;

	}
	.kp-type--color dd.active:after{
		content: "";
		width: 100%; height: 100%; position: absolute; left: 0; top: 0;
		background: url('data:image/svg+xml,<svg t="1721208480564" class="icon" viewBox="0 0 1466 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4259" width="16" height="16"><path d="M535.770344 1017.621782c-51.025747 0-102.051494-19.134655-140.320804-63.782184L19.134655 539.255403C-6.378218 513.742529 0 475.473219 25.512874 449.960345s63.782184-19.134655 89.295057 6.378219l376.314885 414.584195c25.512874 25.512874 63.782184 25.512874 89.295057 6.378218l6.378218-6.378218L1326.669424 22.619714c25.512874-25.512874 63.782184-31.891092 89.295057-6.378219 25.512874 25.512874 31.891092 63.782184 6.378219 89.295058L676.091149 953.839598l-12.756437 12.756437c-38.26931 31.891092-82.916839 51.025747-127.564368 51.025747z" fill="%23ffffff" p-id="4260"></path></svg>') no-repeat  center;
	}
	.kp-type__colorall{
		background: url(../images/color_all.png) no-repeat center/cover !important;
	}
	
	/*案例*/
	.kp-case{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.kp-case__item{ 
	
	height: auto;
    -webkit-box-shadow: 0 2px 16px 0 rgb(192 199 209 / 50%);
    box-shadow: 0 2px 16px 0 rgb(192 199 209 / 50%);
    background: #fff
	}
	.kp-case__img  img{
		width: 100%;
	}
	
	.kp-case__texts{
		    padding: 32px 40px 16px;
	}
	.kp-case__logo img{
		    width: 140px;
    height: 56px;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
	}
	.kp-case__info {
	    padding: 10px 15px;
	
	    background-color: #fff;
	}
	.kp-case__title{
		
	    margin-top: 10px;
	    color: #333;
	    font-size: 16px;
	    line-height: 22px;
	}
	.kp-case__desc{
		    font-size: 14px;
    color: #262626;
    line-height: 22px;
    margin: 22px 0 16px;
	}
	.kp-case__quote{
		margin-top: 24px;
    background: #f5f8fa;
    padding: 12px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	}
	.kp-case__quote:before,
	.kp-case__quote:after{
		content: "";
    width: 32px;
    height: 24px;
    background: url(../images/case/quotel.png) no-repeat 50%/cover;
    position: absolute;
	}
	.kp-case__quote:before{
		    left: 0;
    top: -8px;
	}
	.kp-case__quote:after{
		right: 0;
    bottom: -10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

	}
	/*合作伙伴*/
	 .kp-partner{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.kp-partner__item{
	    padding: 10px 15px;
	    border: 1px solid #dcdcdc;
	

	    border-radius: 10px;
	    margin-bottom: 15px;
	    background: #fff;
	}
	/*侧边栏*/
	.kp-sidebar{ 
		list-style:none; padding-bottom:1px; margin-left:0 !important; font-size: 18px;
		
	}
	.kp-sidebar li{ 
		display: block; 
	}
	.kp-sidebar li>a{
		padding: 0 14px;  display:block; color: #333;
		border-left: transparent solid 3px;
		line-height: 1.2;
		margin-bottom: 25px;
	}
	.kp-sidebar li>a:hover,
	.kp-sidebar li.selected > a{ 
		border-left-color:#e44d26; 
	}
	/*二级菜单*/
	.kp-sidebar li ul{ 
		margin-left:20px;
	}
	.kp-sidebar li ul li{ 
		border-left:none; border-right:none; background:#fff; 
	}
	.kp-sidebar li ul li a{ 
		color:#666 ;
	}
	/*吸顶*/
	.kp-sidebar.affixed{
		position:fixed; top:100px;
	}
	
	
	
	/*分页*/
	.kp-pager{ padding: 20px; text-align: center;}
	.kp-pager li{ display: inline-block; margin:  5px; 
	     }
	.kp-pager a{ padding:4px 10px;  background: #fff;
	
	
	    min-width: 32px;
	    height: 32px;
	    border: 1px solid #d9d9d9;
	    border-radius: 2px;
	}
	.kp-pager a:hover{ background: none repeat scroll 0 0 #e23; border-color: #e23; color: #FFFFFF; }
	.kp-pager a.selected{ background:none; border:none; }
	
	.kp-pager.unstyled a{ border:none;}
	.kp-pager.unstyled a:hover, .kp-pager.unstyled a.selected{ background:none; color:#333;}
	
	.kp-alert{ background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD; padding:10px; }
	.kp-alert.error{ background-color: #F2DEDE !important; border-color: #EED3D7; color: #B94A48; }
	.kp-alert.success{ background-color: #DFF0D8 !important; border-color: #D6E9C6; color: #468847; }
	
	
	/*幻灯片*/
	.kp-slider{ 
		background:#44BDFD; clear:both; position:relative; height:300px; padding-top:60px; background:url(../images/loading.gif) #eee no-repeat center center;
	} 
	.kp-slider-wrap{ 
		margin-top:0 !important;
	}
	.kp-slider-prev, .kp-slider-next{ 
		font-size:100px; position:absolute; left:0; top:50%; margin-top: -40px; color:#fff; cursor:pointer; background: #ccc; width: 50px; height: 80px; line-height: 80px;
	}
	.kp-slider-next{ 
		right:0; left:auto; 
	}
	.kp-slider-list li{ 
		text-align:center; line-height:1; display:none; list-style: none;
	}
	.kp-slider-list li.selected{
	}
	.kp-slider h1{ 
		font-size:30px; margin-bottom:20px; font-weight:bold; 
	}
	.kp-slider h2{ 
		line-height:1.5; 
	}
	.kp-slider-list li .kp-btn{ 
		padding:15px 20px; 
	}
	.kp-slider-number{
	}
	
	
	
	
	/*选项卡*/
	.kp-taber{ }
	.kp-taber .head{ border-left: 1px solid #E5E5E5; height:30px; }
	.kp-taber .head a{ border: 1px solid #E5E5E5; float:left; display:inline; padding:0px 20px; border-left:none; height:30px; line-height:30px; }
	.kp-taber .head a.selected{ border-bottom:none; }
	.kp-taber .body{ clear:both; padding:10px; }
	
	
	/*气泡提醒*/
	.kp-tooltip{ padding:4px; background:#000; position:absolute; z-index:1001; color:#fff; font-size:12px;
	filter:alpha(opacity=80); -moz-opacity:0.8;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.8; opacity: 0.8; 
	}
	.kp-tooltip .a.kp-row{ width:0; height:0; border-top:0px; border-bottom:5px solid #000; border-right:5px solid transparent; border-left:5px solid transparent; position:absolute; top:-4px; *top:-30px; left:8px; }
	
	
	
	.kp-spring{ background:#f6e5e5; color:#de0000;  position: relative; z-index: 99; font-size:14px; line-height:1.7em;}
	.kp-spring .kp-wrapper{ margin-top:0; padding: 10px 0; position:relative;}
	.kp-spring del{ cursor:pointer; text-decoration:none; color: #de0000; font-size: 18px; font-weight:bold; border:#de0000 solid 2px; border-radius:100px; width:16px; height:16px; line-height:16px; display:block; text-align:center; position:absolute; right:10px; top:50%; margin-top:-8px;}
	.kp-spring-text{
		padding-right:30px;
	}
	
	/*弹窗*/
	.kp-dialog{ width:600px; height:auto; overflow:hidden; position:fixed; _position:absolute; left:50%; margin-left:-300px; top:50%; margin-top:-200px; border:#333 solid 1px; background:#fff; z-index:999; display:none;}
	.kp-dialog del{ display:block; position:absolute; right:20px; top:20px; width:20px; height:20px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:30px; txt-shadow: 0 1px 0 #FFFFFF; cursor:pointer; color:#ccc;  }
	.kp-dialog-head{ border-bottom:#eee solid 1px; padding:20px; font-size:20px; position:relative; }
	.kp-dialog-body{ padding:20px; }
	.kp-dialog-foot{ background:#f5f5f5; padding:10px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; text-align:right;  }
	
	
	.kp-popover{ padding-right:20px; padding-left:20px;Z-INDEX:100;padding-bottom:20px; WIDTH:300px;padding-top:20px; POSITION:absolute; background:#fff; border:2px solid #333; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
	.kp-popover:before { border-bottom: 7px solid #333; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px;
		}
	
	
	
	
	@-webkit-keyframes bar_ {  from { background-position: 40px 0; } to { background-position: 0 0; } }
	@-moz-keyframes bar_ { from { background-position: 40px 0; } to { background-position: 0 0; } }
	@-ms-keyframes bar_ { from { background-position: 40px 0; } to { background-position: 0 0; } }
	@-o-keyframes bar_ { from { background-position: 0 0; } to { background-position: 40px 0; } }
	@keyframes bar_ { from { background-position: 40px 0; } to { background-position: 0 0; } }
	
	.kp-progress{
		background-color: #F7F7F7; background-repeat: repeat-x; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden;
	}
	.kp-progress .bar{ 
		-moz-box-sizing: border-box; background-color: #0E90D2; background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #FFFFFF; float: left; font-size: 12px; height: 100%; text-align: center; txt-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0;
	}
	.kp-progress.striped .bar { background-color: #149BDF; background-size: 40px 40px;
	}
	/*css3滚动效果*/
	.kp-progress.active .bar { animation: 2s linear 0s normal none infinite bar_; }
	.kp-progress.success .bar{
	    background-color: #5EB95E; background-repeat: repeat-x;
	}
	.kp-progress.warning .bar{
	    background-color: #FAA732; background-repeat: repeat-x;
	}
	.kp-progress.danger .bar{
	    background-color: #DD514C; background-repeat: repeat-x;
	}
	
	
	 
	
	.kp-current{  
		padding-top: 10px;
		padding-bottom: 10px;
		 clear:both; height:auto; overflow:hidden; text-align:left; position:relative;}
	.kp-current dt{
		position:absolute; left:10px; top:5px;
	}
	.kp-current dd{
		display:inline;
	}
	.kp-current.unstyled{ border:none; padding:0;}
	
	.label{background-color: #999999; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 22px; padding: 3px 4px; txt-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; white-space: nowrap;} .label.success{background-color: #468847;} .label.warning{background-color: #F89406;} .label.error{background-color: #B94A48;}
		
	.kp-well{ background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px;} .kp-well .kp-wrapper{ margin-top:0 !important;}
		
		
	
	
	/*报头*/
	.kp-masthead {  position: relative; margin-bottom: 20px; padding: 30px 15px; text-align: center; }
	.kp-masthead h1 { font-size: 100px; line-height: 1; }
	.kp-masthead p { font-size: 30px; margin-left: 10%; margin-right: 10%; font-size: 21px; font-weight: 200; line-height: 1.4; margin-bottom: 20px;}
	.kp-masthead .social { }
	
	.kp-lead {
	    font-size: 16px;
	    /*font-weight: 200;*/
	    line-height: 1.4;
	    margin-bottom: 20px;
	}
	
	/*表单*/
	.kp-form-group{
		margin-bottom: 10px;
	}
	.kp-form-label{
		margin-bottom: 8px;
	}
	
	/*文本框*/
	.kp-text, .kp-textarea{ background:#fff; border: 1px solid #ddd; /*box-shadow: 0 1px 1px #ccc inset;*/ font-size: 16px;  line-height: 100%; display:inline-block; margin: 0; outline: medium none; padding: 0.5em; 
		box-sizing: border-box;
	}
	.kp-text.radius{ }
	.kp-text{
		
	}
	.kp-text-lg{ padding: 16px;}
	.kp-text-full{
		width: 100%;
	}
	
	/*按钮*/
	.kp-btn{ 
		    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 118px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #e1251b;
    border: 1px solid #e1251b;
	}
	.kp-btn-radius{border-radius:4px; }
	.kp-btn:hover { text-decoration:none;}
	.kp-btn:active { position: relative; top: 1px; /* white */ color: #999; }
	/*反向*/
	.kp-btn-inverse{ background:none; color:#000; border:#fff solid 1px; }
	.kp-btn-inverse:hover,
	.kp-btn-inverse-selected{ background:#fff !important; color:#666 !important; }
	.kp-btn-little { font-size: 9px; padding: .2em 1em .275em; }
	.kp-btn-small { font-size: 11px; padding: .2em 1em .275em; }
	.kp-btn-medium { font-size: 12px; padding: .4em 1.5em .42em; }
	.kp-btn-large,
	.kp-btn-lg{ 
		font-size:18px; padding: 16px 26px;
	}
	.kp-btn-xlarge { font-size: 200%; }
	.kp-btn.unstyled{ background:none; border: 1px solid rgba(255, 255, 255, 0.5); } 
	a:hover.kp-btn.unstyled{ background:border: 1px solid rgba(255, 255, 255, 0.1);}
	/*expand扩大*/
	button.expand, .kp-btn.expand { padding-left: 0; padding-right: 0; width: 100%; }
	.kp-btn-outline{
		 background-color: transparent;
	    border: #666 solid 1px;
	    color: #666;
	}
	.kp-btn-outline:hover{
		background:#666; color:#fff;
	}
	.kp-btn-large.kp-btn-rounded{
		border-radius: 50px;
	}
	.kp-btn.kp-btn-empty{
		border: #fff solid 2px; background: none; color: #fff;
	}
	.kp-btn-full{
		width: 100%;
	}
	.kp-btn-blue{
		background: #0389ff; color: #fff;
	}
	.kp-btn-white{
		background: #fff; border-color:#fff; color: #e44d26 !important;
	}
	.kp-btn-white:hover{
		background: linear-gradient(36deg, #fff, #f7cdc2); 
	
	}
	.kp-btn--gold{
		background: linear-gradient(90deg,#fceee1,#ffc9a0),linear-gradient(270deg,#4d65a4,#5f78b7);
    color: #6b3d1e;
	}
	.kp-btn--blue{
		
    background: linear-gradient(90deg,#3d92ff .09%,#0773fc 101.47%);
    color: #fff;
	}
	.kp-btn--dark{
		    color: #ffd092;
    margin-top: 16px;
    background: linear-gradient(270deg,#2b2c31,#4e4f53);
	}
	.kp-btn-outline--blue{
		    border: 1px solid #0773fc;
    background: #fff;
    color: #0773fc;
	}
	
	/*分割线*/
	.kp-halfrule {
	    
	    width: 30px;
	    height: 2px;
	    margin: 38px auto 32px;
	    background: #e23;
	    border: none;
	
	}
	
	/*颜色*/
	.kp-txt-red, .kp-txt--red{ color:red !important;}
	.kp-txt-yellow{ color:#f60;}
	.kp-txt-blue{ color:#e44d26;}
	.kp-txt-green{ color:#2c7;}
	.kp-txt-white{ color: #fff;}
	.kp-txt--gold{ color: #A4600F;}
	.kp-txt--yellow{  color: #dbb285;}
	/*左右*/
	.kp-txt-left{ text-align:left;}
	.kp-txt-right{ text-align:right;}
	.kp-txt-center{ text-align:center;}
	.kp-txt-black-light{ color: #999;}
	/*左右对齐*/
	.kp-txt-justify{ text-align:justify;}
	/*省略号*/
	.kp-txt-ellipsis{
		overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	}
	
	.kp-bg-red{ background:#e33;}
	.kp-bg-yellow{ background:#f60;}
	.kp-bg-blue{ background:#03a9f4;}
	.kp-bg-green{ background:#2c7;}
	.kp-bg-red-light{ background:#fee;}
	.kp-bg-yellow-light{ background:#ffd;}
	.kp-bg-blue-light{ background:#eff;}
	.kp-bg-green-light{ background:#efd;}
	.kp-bg-gray,
	.kp-bg--gray{
		/*background: #f7f7f7;*/
		/*background: #fcfcfc;*/

    background-color: rgb(248, 248, 248);
	}
	.kp-bg-white{ background: #fff;}
	
	
	/*通用背景*/
	.kp-bg--light{
		color: #222;
		/*background-color: #f5f5f5;*/
		background: linear-gradient(104deg,#ecf1fb 1.63%,#d5dcec 99.05%) !important;
	}
	.kp-bg--blue{
		background: linear-gradient(96deg,#cee8fe 24.89%,#8ec0ff 91.29%) !important;
	}
	.kp-bg--dark{
		    background: linear-gradient(90deg,#3b404a 1%,#07080a) !important;
		    color: #ffd092;
	}
	.kp-bg--gold{
		/*background: linear-gradient(90deg,#fceee1,#ffd5b6) !important;*/
		background: #e7c89f;
		/*color: #222;*/
		color: #A4600F;
	}
	.kp-bg--green{
		background: -moz-linear-gradient(30deg, #39A662, #85B200, #39A662); !important
    background: -webkit-linear-gradient(30deg, #39A662, #85B200, #39A662) !important;
    background: linear-gradient(30deg, #39A662, #85B200, #39A662) !important;
	}
	
	/*反相*/
	.kp-bg-inverse{ color:#fff;}
	.kp-bg-none{ background: none;}
	
	.kp-pd-small { padding:10px;}
	.kp-pd-large{ padding:20px; }
	.kp-pd-xlarge {  padding:40px; }
	
	.kp-bdr{ border:#ddd solid 1px;}
	.kp-bdr-black{ border-color: #333;}
	.kp-bdr-red{ border-color:#e33;}
	.kp-bdr-yellow{ border-color:#f60;}
	.kp-bdr-blue{ border-color:#0ae;}
	.kp-bdr-green{ border-color:#2c7;}
	.kp-bdr-small { border-width:1px;}
	.kp-bdr-large{ border-width:2px;}
	.kp-bdr-xlarge { border-width:4px; }
	.kp-bdr-radius{ border-radius: 200px;}
	
	
	
	
	
	/*图片*/
	.kp-img-scale {
	    transform: scale(1);
	    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.5) 0s;
	}
	a:hover .kp-img-scale{
	    transform: scale(1.2);
	}
	
	
	/*子菜单*/
	.kp-subnav{
		position: relative;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 4px 7px hsl(0deg 0% 85% / 50%);
    box-shadow: 0 4px 7px hsl(0deg 0% 85% / 50%);
	}
	.kp-subnav ul{
		margin-left: 0;
	}
	.kp-subnav li{
		    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #262626;
    margin: 0 40px;
    cursor: pointer;
    line-height: 20px;
    padding: 28px 0;
    position: relative;
	}
	.kp-subnav li a{

	}
	.kp-subnav li a:hover{

	}
	
	.kp-subnav li.selected a,
	.kp-subnav li.selected a:hover{
		background: #33b5d4; color: #fff;
	}
	
	
	.kp-layout{
		display: flex;
		padding-top: 20px;
		padding-bottom: 20px;
		justify-content: space-between;
	}
	.kp-layout__main{
		width: 78%;
		background: #fff;
	}
	.kp-layout__side{
		width: 20%;
		background: #fff;
	}
	.kp-layout__sidehd{
		
	    background: #e23;
	    padding: 13px 15px;
	    color: #fff;
	}
	.kp-layout__siderelated{
		
	    overflow: hidden;
	    padding: 15px 15px;
	    margin-left: 0;
	}
	.kp-layout__siderelated li{
		    overflow: hidden;
		list-style: none;
	    margin: 0 0 7px 0;
	    padding-bottom: 7px;
	    border-bottom: 1px dashed #dcdcdc;
	    position: relative;
	    padding-left: 20px;
	}
	.kp-layout__siderelated li:after {
	    content: "";
	    width: 3px;
	    height: 3px;
	    background: #0166ce;
	    left: 0;
	    top: 50%;
	    margin-top: -2px;
	    position: absolute;
	}
	.kp-layout__siderelated li a{
		    display: block;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	}
	.kp-laylout__sidecat{
		font-size: 16px; 
	}
	.kp-laylout__sidecat li{
		
	    margin: 0 0 7px 0;
	    padding-bottom: 7px;
	    border-bottom: 1px dashed #dcdcdc;
	}
	.list-item{
		padding: 20px;
		border-bottom: #fafafa solid 1px;
	}
	
	
	/*按钮组合*/
	.kp-btn.kp-bdr-black{
		color: #333;
	}
	.kp-btn.kp-bdr-black:hover{
		background: #333; color: #fff;
	}
	
	 
	
	
	.kp-footer{  

	 clear: both;
    padding: 20px 0;
    font-size: 14px;
    /* color: rgb(134, 140, 146); */
    color: #999;

    /* letter-spacing: 3px; */
    background: #212330;
    line-height: 1.7;
    text-align: center;

	}
	.kp-footer a{
		color: #999;
	}
	.kp-footer a:hover{
		color: #E1251B;
	}
	.kp-footer__logo{
		max-width: 35%;
		width: 35%;
		font-size: 12px;
		padding-right: 5%;
	}
	.kp-footer__logo img{
		height: 100px;
		margin-bottom: 10px;
	}
	.kp-footer__nav{



	}
	.kp-footer__nav dl{
		padding-left: 0;
    padding-right: 0;
    list-style: none;
    margin: 0;
	}
	.kp-footer__nav  dt{
		
	    padding-bottom: 16px;
	    color: #657792;
	    font-size: 20px;
	    line-height: 28px;
	    display: inline-block;
	}
	.kp-footer__nav  dd{
		
    display: inline-block;
    margin: 0 5px;

	}
	
	.kp-footer__nav a{


    line-height: 30px;
    font-size: 14px;
    text-decoration: none;

	}
	
	.kp-footer__social dd{
		display: inline-block;
	}
	.kp-footer__social a{
		display: inline-block; /*width: 32px; height: 32px; background: #3b404a ; color: #fff;*/
	}
	.kp-footer__qr{
		/* display: flex;
	    width: 420px;
	    padding-left: 20px;
	    border-left: 1px solid rgba(151, 151, 151, 0.1);
	    justify-content: space-between; */
	}
	.kp-footer__qritem{
		margin: 0 8px;
		text-align: center;
		display: inline-block;
	}
	.kp-footer__qritem img{
		width: 100px;
	}
	.kp-footer__qritem p{
		
	    color: #333;
	    font-size: 16px;
	}
	
	.kp-footer__copyright{
		
	margin-top: 5px;
    font-size: 14px;
    line-height: 1.2;
		
	}
	.kp-footer__copyright p{
		margin-bottom: 5px;
	}
		.kp-footer__copyright a{

		}
	
	/*提示*/
	.kp-tip{
		background: #fffaeb;
	    border: 1px solid #ffe28d;
	    border-radius: 4px;
	    padding: 9px 16px;
	    margin-bottom: 12px;
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	}
	.kp-tip--blue{
		
	    background: #edf5ff;
	    border: 1px solid #97c3ff;
	}
	.kp-tip__icon{
		font-size: 14px;
	    line-height: 22px;
	    margin-right: 8px;
	    display: inline-block;
	    color: #ffbf00;
	
	}
	.kp-tip__text{
		display: inline-block;
	    font-family: PingFangSC-Regular;
	    font-size: 14px;
	    color: #666;
	    letter-spacing: 0;
	    line-height: 22px;
	}
	/*关于*/
	.kp-about{
		font-size: 16px; line-height: 1.8;
	}
	.kp-about strong{
		color: red;
	}
	.kp-about a{
		color: inherit;
	}
	
	
	/*通用内容*/
	.kp-desc{
		width: 90%;
	    max-width: 650px;
	    margin: 0 auto;
	    font-size: 16px;
	    line-height: 35px;
	    white-space: pre-line;
	    text-align: left;
	}
	
	/*外间距*/
	.kp-mt20{
		margin-top: 20px;
	}
	.kp-mt30{
		margin-top: 30px;
	}
	.kp-mt40{
		margin-top: 40px;
	}
	
	/*字体*/
	.kp-fw--bold{
		font-weight: bold !important;
	}
	.kp-fw--nomral{
		font-weight: normal;
	}
	/*微调*/
	.kp-fix-fs16{
		font-size: 16px;
	}
	.kp-fix-fs46{
		font-size: 46px;
	}
	.kp-fix-mt0{
		margin-top: 0;
	}
	.kp-fix-mt5{
		margin-top: 5px;
	}
	.kp-fix-mt10{
		margin-top: 10px;
	}
	.kp-fix-mt20{
		margin-top: 20px;
	}
	.kp-fix-mt30{
		margin-top: 30px;
	}
	.kp-fix-mt40{
		margin-top: 40px;
	}
	.kp-fix-mt50{
		margin-top: 50px;
	}
	.kp-fix-mt80{
		margin-top: 80px;
	}
	.kp-fix-mt100{
		margin-top: 100px;
	}
	.kp-fix-mt150{
		margin-top: 150px;
	}
	.kp-fix-pd20{
		padding: 20px;
	}
	

 
	
	
	/*一屏*/
	.kp-section{
		padding: 60px 0; 
	}
	.kp-section .kp-titlewrap{
		padding-top: 0;
	}
	.kp-section--lg{
		padding: 100px 0;
	}
	.kp-section-polygon{
		    -webkit-clip-path: polygon(100% 100%,100% 0,-400% 0);
	    clip-path: polygon(100% 100%,100% 0,-400% 0);
	}
	.kp-section-black{
		background: #000; color: #fff;
	}
	.kp-section-grey{
		background: #f5f5f5;
	}
	.kp-section--gold{
		background: #202028;
	}
	.kp-section--gold .kp-section__title{
		color: #e7b069;
    background-image: -webkit-linear-gradient(90deg, #e7b069, #f8d8af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
	.kp-section__title{
		padding: 80px 0 24px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: #000;
	}
	.kp-section__subtitle{
		    color: rgba(0,0,0,.45);
    margin-bottom: 8px;font-size: 14px;
    text-align: center;
    padding-bottom: 50px;
	}
	.kp-mgt10{
		margin-top: 10px;
	}
	.kp-mgt20{
		margin-top: 20px;
	}
	.kp-mgt30{
		margin-top: 30px;
	}
	.kp-mgt40{
		margin-top: 40px;
	}
	.kp-mgt50{
		margin-top: 50px;
	}
	.kp-mgt100{
		margin-top: 100px;
	}
	.kp-ml20{
		margin-left: 20px;
	}
	.kp-ml30{
		margin-left: 30px !important;
	}
	.kp-ml40{
		margin-left: 40px !important;
	}
	.kp-ml50{
		margin-left: 50px !important;
	}
	/*内间距*/
	.kp-p10{
		padding: 10px;
	}
	.kp-p20{
		padding: 20px;
	}
	.kp-py10{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.kp-py20{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.kp-py30{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.kp-pdt10{
		padding-top: 10px;
	}
	.kp-pdt20{
		padding-top: 20px;
	}
	.kp-pdt30{
		padding-top:30px;
	}
	.kp-pdt40{
		padding-top: 40px;
	}
	.kp-pdt50{
		padding-top: 50px;
	}
	.kp-pdt100{
		padding-top: 100px;
	}
	
	/*文字大小*/
	.kp-fs12{
		font-size: 12px !important;
	}
	.kp-fs14{
		font-size: 14px !important;
	}
	.kp-fs16{
		font-size: 16px !important;
	}
	.kp-fs18{
		font-size: 18px !important;
	}
	.kp-fs20{
		font-size: 20px !important;
	}
	.kp-fs26{
		font-size: 26px !important;
	}
	.kp-fs32{
		font-size: 32px !important;
	}
	
	
	/*横屏*/
	@media (orientation: landscape) {
	    body {
	        /*background-color: #ff0000;*/
	    }
	}
	/*竖屏*/
	@media (orientation: portrait) {
	    body {
	        /*background-color: #00ff00;*/
	    }
	}
	 
	
	
	.kp-blog{
		-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  
	}
	
	.kp-blog__item{
		position: relative;

    width: 23%;
    margin-right: 2%;

    padding: 34px 24px 24px;

    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 16px;
    background: #fff;
    -webkit-box-shadow: 0 4px 25px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 4px 25px 0 rgb(0 0 0 / 6%);
	}
	.kp-blog__item:hover {
    color: #000;
    -webkit-box-shadow: 0 2px 8px 0 rgb(16 0 0 / 10%);
    box-shadow: 0 2px 8px 0 rgb(16 0 0 / 10%);
}

.kp-blog__label{
	    display: block;
    position: absolute;
    float: right;
    right: 28px;
    top: 12px;
    text-align: right;


    
    background: #e1251b;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;

    color: #fff;
}
	.kp-blog__title{
		font-size: 16px;
    font-weight: 500;
    color: #333;
    -webkit-line-clamp: 1;
    margin-bottom: 8px;
	    
	    /*超出省略号*/
	    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /*行数*/
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	word-break:break-all; /*英文折行*/
	}
	.kp-blog__title a{
		 color: rgba(0, 0, 0, 0.85);
	}
	.kp-blog__desc{
		    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    color: #666;
    -webkit-line-clamp: 4;
	    
	      /*超出省略号*/
	    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /*行数*/
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	word-break:break-all; /*英文折行*/
	}
	.kp-blog__link{
		display: flex;
	    align-items: center;
	    justify-content: space-between;
	    width: 115px;
	    color: #1677ff;
	   /*color: #e23;*/
	    font-size: 14px;
	    cursor: pointer;
	}
	.kp-blog__text{
		flex-grow: 0;
		flex-shrink:1;
	}
	.kp-blog__date{

    color: #595959;		 
	}
	.kp-blog__date .time{
		    font-size: 40px;

	    line-height: 1;
	}
	
	.kp-blogd__title{
		text-align: center;
	    border-bottom: 1px solid #dcdcdc;
	    padding-bottom: 1%;
	    margin: 0 3% 3% 3%;
	}
	
	/**/
	.kp-news__item{
		margin-bottom: 15px;
	}
	.kp-news__date{
		
    font-size: 12px;
    color: #ccc;
    font-weight: bold;
    padding-left: 20px; line-height: 1;
	}
	.kp-news__title{
		font-size: 18px;
		/*超出省略号*/
	    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /*行数*/
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	word-break:break-all; /*英文折行*/
	}
	.kp-news__title>svg{
		width: 16px; height: 16px;
	}
	
	/*customer*/
	/* 右侧客服 */
	.floating_ck {
	    position: fixed;
	    right: 0;
	    bottom: 200px;
    width: 70px;
	    /*bottom: 25%;*/
	   /*bottom:10vh;*/
	  /*bottom: 30vh;*/
	    background-color: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 8%);
	padding: 5px;
    

	}
	
	.floating_ck dl dd {
	    position: relative;


		padding-top: 15px;
		padding-bottom: 15px;
	    /*border: solid 1px #1179E5;*/


	    text-align: center;
	    cursor: pointer;
	    box-sizing: border-box;

	    
	    position: relative;
	    border-bottom: #eee solid 1px;


    box-sizing: border-box;

	}
	.floating_ck dl dd:last-child{
		border-bottom: none;
	}
	.floating_ck dl dd:hover{
		background: linear-gradient(180deg,#aa2b24 0,#e1251b 100%);
	}
	.floating_ck dl dd:hover use{
		fill: #fff;
	}
	.floating_ck dl dd:hover span{
		color: #fff;
	}
	.floating_ck dl dd svg{
		width: 20px; height: 20px;
	}
	.floating_ck dl dd use{
		fill: #000;
	}
	.floating_ck dl dd:hover .floating_left {
	    display: block;
	}
	
	
	
	 
	
	
	.floating_ck dd span {

	    font-size: 14px;
	    color: #333;
		display: block;
	}
	
	
	 
	.floating_left {
	    width: 200px;
	    padding-bottom: 15px;
	    background: #FFF;
	    position: absolute;
	    left: -220px;
	    top: 0px;
	    box-shadow: 0px 0px 20px 0px rgba(110, 125, 141, 0.1);
	    border-radius: 12px;
	    display: none;
	    overflow: hidden;
	}
	
	.floating_ewm {
	    top: 0;
	    padding-top: 20px;
	}
	
	.floating_ewm h3 {
	    height: 34px;
	    line-height: 34px;
	    text-align: center;
	    font-size: 16px;
	    color: #FFF;
	    font-weight: 400;
	    /*background: linear-gradient(308deg, #479EF9 0%, #0B7BF0 100%);*/
	    background: #e23;
	}
	
	.floating_ewm i {
	    width: 130px;
	    height: 130px;
	    margin: 20px auto 10px;
	    display: block;
	}
	
	.floating_ewm i img {
	    width: 100%;
	    height: 100%;
	    display: block;
	}
	
	.floating_ewm h4 {
	    font-size: 14px;
	    font-weight: 400;
	    color: #14212F;
	}
	
	.floating_ewm p {
	    line-height: 22px;
	    text-align: left;
	    margin-left: 20px;
	    padding-left: 25px;
	    font-size: 18px;
	    font-family: 'DIN-Bold';
	    color: #e23;
	    margin-top: 11px;
	}
	
	.floating_ewm .qrcord_p01 {
	    margin-top: 20px;
	    background: url(../images/customer/tbg.png?v=1) no-repeat left center;
	    background-size: 18px !important;
	}
	
	.floating_ewm .qrcord_p02 {
	    background: url(../images/customer/qq.png?v=1) no-repeat left center;
	    background-size: 18px !important;
	}
	
	
	/* 适配尊享会员页面客服样式 */
	 
	
	.bottomNav{ display: none; overflow: hidden; background-color: #444444; height:52px; line-height:52px; width:100%; position: fixed; left:0; bottom:0; border-right:1px solid #ffffff; z-index:1000; margin-left: 0;}
	.bottomNav li{ float: left; width:50%; text-align: center; border-left:1px solid #ffffff; list-style: none}
	.bottomNav li::marker{
		display: none; content: "";
	}
	.bottomNav li a{ display: block;}
	.bottomNav li .ico{ display: inline-block; }
	.bottomNav li .ico img{ width:24px; }
	.bottomNav li .tit{ display: inline-block; color:#ffffff; margin-left:10px; font-size:16px; }
	.bottomNav li+li{
		background: #2aae67;
	}
	.kp-product{
		
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	.kp-product__item{
		padding: 80px 50px;
		background-color: #e23;
		color: #fff;
		margin-bottom: 20px;
		border-radius: 6px;
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 40% auto;
		min-height: 300px;
		font-size: 14px;
		padding-right: 40%;
		/*height: 100%;*/
		position:relative;
		background: linear-gradient(111.4deg, rgb(238, 113, 113) 1%, rgb(246, 215, 148) 58%) ;
		background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%) ;
	}
	.kp-product__item--green{
		background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);
	}
	.kp-product__item--blue{
		background-image: linear-gradient(120deg, #66a6ff 0%, #89f7fe 100%);
	}
	.kp-product__item--grey{
		background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); color:#333;
	}
	.kp-product__item--purple{
		background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
	}
	.kp-product__img{
		position:absolute; right:20px; bottom:20px; max-width:35%;
	}
	.kp-product__title{
		font-size: 28px;
		font-weight: bold;
		line-height: 1.2;
	}
	.kp-product__subtitle{
		margin-top: 10px;
	}
	.kp-product__desc{
		margin-top: 20px;
	}
	.kp-product__btn{
		margin-top: 20px;
		background: #fff;
		color: #e23;
	}
	
	.kp-product__icon{
		position: absolute; right: 20px; bottom: 20px; color: #fff;
	}
	.kp-product__icon i{
		color: inherit !important; font-size:88px; opacity: 0.5;
	}
	
	.kp-label{
		display:block;
	}
	
	.kp-footerlinks{
		padding:0 5px;
		text-align:center;
		   /*超出省略号*/
	    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /*行数*/
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	word-break:break-all; /*英文折行*/
	
	
	border-top:#eee solid 1px;
	}
	.kp-footerlinks a{
		color:#aaa; font-size:12px;
	}
	.kp-footerlinks li{
		display:inline-block;
	}
	
	.kp-faq{
		
    padding: 32px 40px;
    border-top: 1px solid #e5e5e5;
	}
	.kp-faq__item{margin-bottom: 16px;
	}
	.kp-faq__header{
		    background: #f8f9fb;
    border: none;
    height: 56px;
    line-height: 56px;
    padding-left: 40px;
    padding-right: 21px;
    font-size: 16px;
    color: #262626;
    position: relative;
    font-weight: 600;
	}
	.kp-faq__body{
		
    background: rgba(248,249,251,.4);
    padding: 22px 40px;
    line-height: 22px;
    font-size: 14px;
    color: #595959;
	}
	
	 
	/*时间轴 发展历程*/
	.kp-history{
		 display: flex;
    flex-direction: column;
    position: relative;
    margin: 40px 0;
	}
	.kp-history:after{
		    background-color: #e17b77;
    content: '';
    position: absolute;
    left: calc(50% - 2px);
    width: 4px;
    height: 100%;
	}
	.kp-history__item{
		   display: flex;
    justify-content: flex-end;
    padding-right: 30px;
    position: relative;
    margin: 10px 0;
    width: 50%;
		   
	}
	.kp-history__item:nth-child(odd){
		  align-self: flex-end;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 0;
		   
	}
	.kp-history__content{
		    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 10px;
    position: relative;
    /*width: 400px;*/
    /*max-width: 70%;*/
   width: 100%;
   max-width: 400px;
    text-align: right;
	}
	.kp-history__item:nth-child(odd) .kp-history__content{
		
    text-align: left;
    align-items: flex-start;
	}
	.kp-history__content:after{
		    content: ' ';
    background-color: #fff;
    box-shadow: 1px -1px 1px rgb(0 0 0 / 20%);
    position: absolute;
    right: -7.5px;
    top: calc(50% - 7.5px);
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
	}
	.kp-history__item:nth-child(odd) .kp-history__content:after{
		
    right: auto;
    left: -7.5px;
    box-shadow: -1px 1px 1px rgb(0 0 0 / 20%);
	}
	.kp-history__dot{
		background-color: #fff;
    border: 3px solid #e17b77;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 10px);
    right: -40px;
    width: 20px;
    height: 20px;
    z-index: 100;
	}
	.kp-history__item:nth-child(odd) .kp-history__dot{
		right: auto;
    left: -40px;
	}
	.kp-history__year{
		font-size: 20px; font-weight: bold;
	}
	
	/*通用列表*/
	.kp-list li{
		border-bottom: #fafafa solid 1px;
		padding: 8px 10px;
		display: flex; display: -webkit-flex; align-items: center;  -webkit-align-items: center; justify-content: space-between;-webkit-justify-content: space-between;
	}
	.kp-list li:last-child{
		border-bottom: none;
	}
	.kp-list a{

	}
	.kp-list__title{
		font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	}
	.kp-list__time{
		 color: #999; margin-left: 24px; flex-shrink: 0; 
	}
	.kp-list__desc{
		 color: #999;
	}
	
	/*文章详情*/
	.kp-articled{
		background: #fff; padding: 40px;
	}
	.kp-articled__title{
		font-size: 32px; font-weight: bold;
	}
	.kp-articled__desc{
		background: #f8f8f8;
    border-radius: 8px;
    padding: 16px;
    line-height: 1.5; 
    font-size: 18px;
	}
	.kp-articled__attr{
		font-size: 16px; color: rgba(0, 0, 0, 0.65);margin-top: 8px;
	}
	.kp-articled__content {
		font-size: 18px; margin-top: 20px;
	}
	.kp-articled__content a{
		color: #e23; font-weight: bold;
	}
	
	.kp-articled__promo{
		    width: 100%;
    border-top: 8px solid #e1251b;
    background-color: #f5f5f5 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    margin: 10px 0;
	}
	
	
	.kp-card{
		
    background: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    box-shadow: 0 2px 16px 0 rgb(0 0 0 / 5%);
    border: none;
	}
	.kp-card__header{
		height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #262626;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0; background: none;
	}
	.kp-card__body{
		font-size: 14px;
    color: #212121;
    line-height: 34px;
	}
	
	
	.kp-fwsc{
		 display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;  column-gap: 16px;
	}
	.kp-fwsc__item{
		margin-bottom: 16px; width: 368px;
	}
	.kp-fwsc__item .kp-card{
		height: 100%; margin-bottom: 0;
	}
	.kp-fwsc__item .kp-card__image{
		margin-bottom:16px;
	}
	.kp-fwsc__item h3{
		font-size: 22px; font-weight: bold;
	}
	.kp-fwsc__item .kp-price{
		font-size: 24px;
	}
	.kp-fwsc__desc{
		font-size: 15px; color: #555;
	}
	.kp-fwsc__item .kp-price small{
		font-size: 16px	; margin-right: 3px; 
	}
	.kp-templatedetail__hd{
		 padding-top: 24px; margin-bottom: 40px;
	}
	.kp-templatedetail__tit{
		font-size: 28px; margin-bottom: 16px;text-align: center;
	}
	.kp-templatedetail__desc{
		font-size: 16px;color: #999;text-align: center;
	}
	.kp-templatedetail__desc span{
		padding: 0 16px;  display: inline-block;
	}
	.kp-templatedetail__info{
		margin-bottom: 16px;
	}
	.kp-templatedetail__info h4{
		margin-top:  0;
	}
	.kp-templatedetail__info p{
		color: #999;
	}
	.kp-templatedetail__list li{
		font-size:15px; padding: 3px 0; display: flex;
	}
	.kp-templatedetail__list .green{
		color: green;  margin-right: 8px; font-weight: bold; flex-shrink: 0;
	}
	.kp-templatedetail__bd{
		display: flex; display: -webkit-flex; justify-content: space-between; padding: 16px 0;
	}
	.kp-templatedetail__l{
		width: 52%; flex-shrink: 0; margin-right: 3%;
	}
	.kp-templatedetail__l .previewImage img{
		width: 100%; border: 20px solid #eee; border-radius: 16px;
	}
	.kp-templatedetail__r{
		width: 45%;
	}
	.kp-templatedetail__btns{
		display: flex; display: -webkit-flex; column-gap: 16px; margin-top: 16px;
	}
	.kp-templatedetail__btns .btn-block+.btn-block{
		margin-top: 0;
	}
	
	.kp-ipv6{
		border:#666 solid 1px; display: inline-block; padding: 3px; border-radius: 4px; line-height: 1;
    margin-left: 4px; font-size: 12px;
	}
	
	.kp-reggift{
		font-size: 16px; text-decoration: underline !important; margin-top: 10px; display: inline-block;
    color: #ffd81f;
	}
	
	 
	/*服务*/
	.kp-serv{
		display: flex;
		column-gap: 2%;
		justify-content: flex-start;
	}
	.kp-serv__item{
		background: #fff;
		width: 23%;
		padding: 15px;
		margin-bottom: 2%;
		overflow: hidden;
		position: relative; 
		text-align: center;
	}
	.kp-serv__item:hover{
		
    box-shadow: 0 5px 10px 0 rgb(64 87 219 / 15%);
	}
	.kp-serv__item> a{


	}
	.kp-serv__img{
		width: 56px; height: 56px;
	}
	.kp-serv__texts{
		
	}
	.kp-serv__label{
		width: 100px; height: 40px; line-height: 50px; text-align: center;
		background: red;
		color: #fff;
		position: absolute; right: -40px; top: -5px;
		transform: rotate(45deg);
	}
	.kp-serv__label--new{
		background: green;
	}
	.kp-serv__title{
		font-size: 14px;
    color: #212121;
    text-align: center;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
	}
	.kp-serv__intro{
		font-size: 12px;
    color: #999;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin: 0;
    
	}
	
	.kp-flinks{
		background: #393b41; text-align: center; color: #b0b1b3; padding: 5px; font-size: 12px;
	}
	.kp-flinks a{
		color: inherit;
	}
	.kp-flinks li{
		display: inline-block; margin: 0 5px;
	}
	.kp-footer__contact{
		
    border-bottom: 1px solid #2d2f3a;
    padding-bottom: 60px;
	padding-top: 40px;
	margin-bottom: 20px;
	}
	.kp-footer__contact ul{
	display: flex;
	justify-content: space-between;

}
.kp-footer__contact  li{
}
.kp-footer__contact  li use{
	fill: #999;
}
.kp-footer__contact  li h4{
	margin-bottom: 0; font-size: 16px;
}
.kp-footer__contact  li p{

}
	
	
.kpapp{
	background: #000; text-align: center; color: #fff;
	padding: 20px;
}
.kpapp li{
	display: inline-block; font-size: 14px;
}
.kpapp img{
	width: 64px; height: 64px; border-radius: 64px;
}
.kpapp li h4{
	font-size: 14px;
}